<template>
  <div class="w-full h-full">
    <template v-if="showTab">
      <WindowTab obj="home" font-color="text-fontPrimary"></WindowTab>
    </template>
    <slot></slot>
    <div class="w-full h-full relative">
      <span
        class="iconfont icon-chat text-fontPlaceholde absolute top-1/3 left-1/2 transform -translate-x-1/2 -translate-y-1/3 chat-empty"
      ></span>
    </div>
  </div>
</template>

<script setup lang="ts">
import WindowTab from "@/components/WindowTab/index.vue";
withDefaults(
  defineProps<{
    showTab?: boolean;
  }>(),
  {
    showTab: false,
  },
);
</script>

<style lang="scss" scoped>
.chat-empty {
  font-size: 200px;
}
</style>
